<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <title>休闲网登录页面</title>
	<link href="css/register.css" rel="stylesheet">
</head>
<body>
    <div id="header" class="main">
        <div id="headerLeft">
            <img src="images/logo.gif" /></div>
        <div id="headerRight">注册 | 登录 | 帮助</div>
    </div>
    <div class="register">
		<form action="./success.html" id="myform" method="post" name="myform" >
			<ul>
				<li class="bold">登录休闲网</li>
				<li><span>Email：</span><input type="text" class="inputs" /></li>
				<li><span>密码：</span><input type="password" class="inputs" /></li>
				<li><input name="btn" id="btn" type="submit" value="登录" class="rb1"  /></li>
			</ul>
		</form>
    </div>
    <div id="footer" class="main"><a href="#">关于我们</a> | <a href="#">诚聘英才</a> |<a href="#"> 联系方式</a>  | <a href="#">帮助中心</a></div>
	<script src="js/jquery-1.12.4.js"></script>
	<script>
		$("#myform").submit(function(){
			//表单提交事件
			let emailVal = $(":text").val();
			if(!emailVal){
				alert("邮箱不允许为空");
				return false;
			}
			// @qq.com  1@163.com
			if(emailVal.indexOf("@")<=0){
				alert("邮箱格式不正确`@`");
				return false;
			}
			
			let passwordVal = $(":password").val();
			if(!passwordVal){
				alert("密码不允许为空");
				return false;
			}
			if(passwordVal.length<6){
				alert("密码长度不能少于6位");
				return false;
			}
			console.log("表单提交");
			return true;
		})
	</script>
</body>
</html>

